﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="KPIS.GERP.GHRMS.APP.App_UI.Forms.Login" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Login เข้าสู่ระบบ</title>
    <link href="../../Styles/CssClass.css" rel="stylesheet" type="text/css" />
</head>
<body style="text-align: center;padding: 0px; margin: 0px;">
    <form id="form1" style="font-family: Tahoma; font-size: small;" runat="server" autocomplete="off">

        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

        <telerik:RadAjaxManager runat="server" ID="RadManager1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="btnRegister">
                    <UpdatedControls><telerik:AjaxUpdatedControl ControlID="btnRegister" /></UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
            Height="100%" Width="75px" Transparency="50">
            <table style="height: 100%; width: 100%" border="0">
                <tr>
                    <td width="100%" align="center" valign="middle">
                        <img alt="Loading..." src="../Images/Buttons/loading.gif" style="border: 0px;" />
                    </td>
                </tr>
            </table>
        </telerik:RadAjaxLoadingPanel>

        <telerik:RadCodeBlock ID="RadCodeBlockMaster" runat="server">
            <script type="text/javascript">
                function GetHeight() {
                    var myHeight = 0;
                    if (typeof (window.innerWidth) == 'number') {
                        //Non-IE
                        myHeight = window.innerHeight;
                    }
                    else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
                        //IE 6+ in 'standards compliant mode'
                        myHeight = document.documentElement.clientHeight;
                    }
                    else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
                        //IE 4 compatible
                        myHeight = document.body.clientHeight;
                    }
                    document.getElementById('<%=hHeight.ClientID %>').value = myHeight;
                }
            </script>
        </telerik:RadCodeBlock>

        <asp:HiddenField ID="hHeight" runat="server" />

        <table width="1020px" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td height="110px" style="vertical-align: top; text-align: right">
                    <!--
                    <asp:Image ID="headerImage" runat="server" meta:resourcekey="headerImage">
                    </asp:Image>-->
                    <asp:Image ID="HeadImage" runat="server" meta:resourcekey="headerImage"></asp:Image>
                </td>
            </tr>
            <tr>
                <td>
                    <table width="98%">
                        <tr>
                            <td align="center" height="400px" valign="middle">
                                <asp:Panel ID="PanelLogin" runat="server" ScrollBars="Auto"
                                    BackImageUrl="~/App_UI/Images/Background/bg_login.jpg"
                                    Width="469px" BorderStyle="Double" BorderColor="Navy">
                                    <table cellpadding="0" cellspacing="0" width="450" align="center">
                                        <tr>
                                            <td>
                                                <table style="width: 100%;">
                                                    <tr>
                                                        <td colspan="2">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right" colspan="2">
                                                            <font style="color: #66CCFF; font-style: italic">กรุณากรอกข้อมูลเพื่อเข้าสู่ระบบ</font>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td align="right" colspan="2">
                                                            <font style="color: #66CCFF">&nbsp;</font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right" style="color: #666699">รหัสประจำตัว :</td>
                                                        <td align="left">
                                                            <telerik:RadTextBox ID="txtUserID" runat="server">
                                                            </telerik:RadTextBox>
                                                            <asp:Label ID="Label1" runat="server" ForeColor="Red" Text=" * "></asp:Label>
                                                            <asp:RequiredFieldValidator runat="server"
                                                                ID="reqUserID"
                                                                ControlToValidate="txtUserID"
                                                                ErrorMessage="*">
                                                            </asp:RequiredFieldValidator>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right" style="color: #666699">รหัสผ่าน :</td>
                                                        <td align="left">
                                                            <telerik:RadTextBox ID="txtPassword" runat="server" TextMode="Password">
                                                            </telerik:RadTextBox>
                                                            <asp:Label ID="Label2" runat="server" ForeColor="Red" Text=" * "></asp:Label>
                                                            <asp:RequiredFieldValidator runat="server"
                                                                ID="reqPassword"
                                                                ControlToValidate="txtPassword"
                                                                ErrorMessage="*">
                                                            </asp:RequiredFieldValidator>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right">&nbsp;</td>
                                                        <td align="left"></td>
                                                    </tr>
                                                    <%--<tr>
                                <td align="center" colspan="2">
                                    &nbsp;</td>
                            </tr>--%>
                                                    <tr>
                                                        <td align="center" colspan="2">
                                                            <asp:Button ID="cmdLogin" runat="server" CssClass="button" OnClientClick="GetHeight()"
                                                                OnClick="cmdLogin_Click" Text="เข้าสู่ระบบ" Width="100" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right" colspan="2" style="color: #33CCFF; font-style: italic;">&nbsp;&nbsp;
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </asp:Panel>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>